// pages/audio/audio.js
let util=require("../../utils/util.js");

let app = getApp();
let jumpurl=app.jumpurl.url;
let qrCodePath;
let goodsPicPath;
// var newsSrc ="http://ones.cakeyouxuan.com/public/white_bg.png";
var newsSrc = "";
let access_token ;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    audioshow:false,//视屏是否显示，false--视频隐藏，截图显示  true--反之
    newsSrc: "http://ones.cakeyouxuan.com/public/white_bg.png",
    greyshow: false,//是否显示分享的图片弹出框，默认为隐藏
    menushow: false,//是否显示分享选择框.默认为隐藏
    poster: 'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400',
    
    newsId: 0,
    newstitle: "中非合作论坛北京峰会隆重开幕 习近平出席开幕式并发表主旨讲话",
    avatar: "/pages/detail/images/avatar.png",
    authorName: "凤娃凤娃",
    up_time: "2018年9月4日",
    follow: 0,
    saveFlag: 0,
    contents: "<p>新闻的内容</p>",
    
    newslists: [{
      id: 1,
      types: 4,//新闻类型
      title: "网上下拉刷新的例子挺多的，我也用了试成功了一个，但目前发现，当本来listView内容过少不能充满父容器的时候，下拉刷新的头部",
      tag: "广告",
      subTag: "医学护肤",
      num: 100,
      media: ["images/pic0.png", "images/pic0.png", "images/pic0.png"],
      ad: true
    },
    {
      id: 2,
      types: 4,//新闻类型
      title: "网上下拉刷新的例子挺多的，我也用了试成功了一个，但目前发现，当本来listView内容过少不能充满父容器的时候，下拉刷新的头部",
      tag: "美容护肤",
      subTag: "医学护肤",
      num: 100,
      media: ["images/pic0.png", "images/pic0.png", "images/pic0.png"],
      ad: false
    },
    {
      id: 3,
      types:5,//新闻类型
      title: "网上下拉刷新的例子挺多的，我也用了试成功了一个，但目前发现，当本来listView内容过少不能充满父容器的时候，下拉刷新的头部",
      tag: "广告",
      subTag: "医学护肤",
      num: 100,
      media: ["images/pic0.png", "images/pic0.png", "images/pic0.png"],
      ad: true
    },
    {
      id: 43,
      types: 4,//新闻类型
      title: "网上下拉刷新的例子挺多的，我也用了试成功了一个，但目前发现，当本来listView内容过少不能充满父容器的时候，下拉刷新的头部",
      tag: "广告",
      subTag: "医学护肤",
      num: 100,
      media: ["images/pic0.png", "images/pic0.png", "images/pic0.png"],
      ad: true
    }

    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this;
    
    //新闻的id
    var id;
    if (options.newid) {
      id = options.newid;
      that.setData({
        newid: options.newid
      })
    } else {
      id = 0;
    }
    console.log("app.globalData.openid");
    console.log(app.globalData.openid);
    //调用接口，获取新闻信息
    wx.request({
      url: util.audio_detail,
      data: {
        id: id,
        openid: app.globalData.openid
      },
      success: function (data) {

        if (data.data.res) {
          console.log("-----res-----------");
          console.log(data.data.res);
          var res = data.data.res;
          var title = res.title;
          var avatar = res.avatar[0];
          var up_time = res.up_time;
          var user_nickname = res.user_nickname;
          var poster = res.video;
          var follow=res.follow;
          var save=res.save;
          var dianji=res.dianji;
          var au_openid=res.openid;
          var audio_picurl=res.picurl;//视频封面图片
          console.log("-------------"+audio_picurl)
          that.setData({
            newstitle: title,
            avatar: avatar,
            authorName: user_nickname,
            datetime: up_time,
            follow: follow,
            saveFlag: save,
            poster: poster,
            dianji:dianji,
            au_openid:au_openid,
            audio_picurl:audio_picurl
          })
         
        } else {
          //接口没有返回值，页面读取默认值
        }

      },
      fail: function (err) {
        console.log("err" + err)
      }

    })
    setTimeout(function(){
      that.setData({
        audioshow:true
       
      })
      var myvideo = wx.createVideoContext("myVideo", myvideo);

      myvideo.play()
    },1000)

    //访问接口调取推荐视频
    wx.request({
      url: util.tuijian_audio,
      data:{},
      success:function(res){
        console.log("------audio------------")
        console.log(res);
        var newslists=res.data.info;
        that.setData({
          newslists: newslists
        })

      },fail:function(err){
        console.log("err"+err);
      }
    })
  },

  /**********推荐视屏********/
  audiodetail: function (e) {
    console.log(e);
    var that = this;
    var id = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: '/pages/audio/audio?newid=' + id,
    })
  },
   
   
  //添加关注
  guanzhu: function (e) {
    console.log(e);
    var that = this;
    //请求后台，修改关注值
    that.data.follow = 1;
    var savef = e.currentTarget.dataset.savef;

    wx.request({
      url: util.guanzhu,
      data: {
        my_openid: app.globalData.openid,
        au_openid: e.currentTarget.dataset.au_openid,

      },
      success: function (res) {
        console.log(res);
      },
      fail: function (err) {
        console.log("err" + err)
      }
    })
    that.setData({
     
        follow: 1,//0--未关注，1--已关注
        saveFlag: savef,//0--未关注，1--已关注
       
    })
  },

  //取消关注
  quxiaoguanzhu: function (e) {
    console.log(e);
    var that = this;
    //请求后台，修改关注值
    that.data.follow = 0;
    var savef = e.currentTarget.dataset.savef;
    //请求后台
    wx.request({
      url: util.quguan,
      data: {
        my_openid: app.globalData.openid,
        au_openid: e.currentTarget.dataset.au_openid,
      },
      success: function (res) {
        console.log("访问接口成功");
        console.log(res);
      },
      fail: function (err) {
        console.log("err" + err)
      }
    })
    that.setData({
      follow: 0,//0--未关注，1--已关注
        saveFlag: savef,//0--未关注，1--已关注
    })
  },

  //收藏
  shoucang: function (e) {
    var that = this;
    //请求后台，修改收藏值
    that.data.saveFlag = 1;
    var follow = e.currentTarget.dataset.follow;
    //访问接口
    wx.request({
      url: util.shoucang,
      data: {
        my_openid: app.globalData.openid,
        newid: e.currentTarget.dataset.newid
      },
      success: function (res) {
        console.log(res);
      },
      fail: function (err) {
        console.log("err" + err);
      }
    })
    that.setData({
        follow: follow,//0--未关注，1--已关注
        saveFlag: 1,//0--未关注，1--已关注
        
    })
  },

  //取消收藏
  quxiaoshoucang: function (e) {
    var that = this;
    //请求后台，修改收藏值
    that.data.saveFlag = 0;
    var follow = e.currentTarget.dataset.follow;
    wx.request({

      //新闻明细取消收藏
      url: util.qu_shoucang,
      data: {
        my_openid: app.globalData.openid,
        newid: e.currentTarget.dataset.newid
      },
      success: function (res) {
        console.log(res);
      },
      fail: function (err) {
        console.log("err" + err);
      }
    })
    that.setData({
       follow: follow,//0--未关注，1--已关注
        saveFlag: 0,//0--未关注，1--已关注
        
    })
  },


  //分享给朋友
  shareFriend: function () {
    wx.showShareMenu({
      withShareTicket: true
    })
  },

  //关闭分享图弹框
  shutgrey: function () {
    var that = this;
    that.setData({
      greyshow: false
    })
  },

  //显示分享选择菜单
  showchosemenu: function () {
    var that = this;
    that.setData({
      menushow: true
    })
  },
  //显示分享选择菜单
  hidechosemunu: function () {
    var that = this;
    that.setData({
      menushow: false
    })
  },

  /********点击分享朋友圈 生成图片*************/
  formSubmit: function (e) {
    var that = this;
    this.setData({
      menushow: false,
      
    });
    wx.showToast({
      title: '正在生成海报...',
      icon: 'loading',
      duration: 1000
    });
    setTimeout(function () {
      wx.hideToast()
      that.createNewImg();
      that.setData({
        greyshow: true
      });
    },2000)
  },

  //将canvas转换为图片保存到本地，然后将图片路径传给image图片的src
  createNewImg: function () {
    var that = this;
    var context = wx.createCanvasContext('mycanvas');
    context.setFillStyle("#fff")
    context.fillRect(0, 0, 690, 750)
    var path = "/pages/detail/images/demo1.png";//图片路径
    //将模板图片绘制到canvas,在开发工具中drawImage()函数有问题，不显示图片
    //不知道是什么原因，手机环境能正常显示
    context.drawImage(path, 0, 0, 375, 388);
    var path1 = that.data.touxiang;
    console.log(path1, "path1")
    //将模板图片绘制到canvas,在开发工具中drawImage()函数有问题，不显示图片
    var path2 = "images/avatar.png";
    var path3 = "images/heise.png";
    var path4 = "/pages/mine/images/wenziBg.jpg";
    var path5 = "images/friendsPic.png";
    var pathline = "/pages/images/shortline.png";
    context.drawImage(path2, 126, 186, 120, 120);
    //不知道是什么原因，手机环境能正常显示
    // context.save(); // 保存当前context的状态

    var name = that.data.name;
    //绘制名字
    context.setFontSize(38);
    context.setFillStyle('#333333');
    context.setTextAlign('left');
    // context.fillText(name,30, 464,375);
    context.fillText("进入小程序输入朋友的邀请进入小程序输入朋友的邀请", 30, 464, 315);
    context.font = "weight";
    context.stroke();
    //绘制直线
    context.drawImage(pathline, 15, 520, 345, 1, 82);
    context.setFillStyle('#efefef');
    context.stroke();

    //绘制左下角二维码
    context.drawImage(path4, 15, 540, 100, 100, 100, 100);
    context.setFillStyle('#efefef');
    context.stroke();


    //绘制右下角上侧logo图
    context.drawImage(path2, 130, 550, 50, 50, 50, 50);
    context.setFillStyle('#efefef');
    context.stroke();
    //绘制右下角上侧文字
    context.setFontSize(14);
    context.setFillStyle('#333');
    context.setTextAlign('left');
    context.fillText("用户名用户名", 190, 570, 164);
    context.stroke();

    context.setFontSize(14);
    context.setFillStyle('#666');
    context.setTextAlign('left');
    context.fillText("正在浏览文章", 275, 570, 164);
    context.stroke();

    //绘制右下角下侧文字
    context.setFontSize(14);
    context.setFillStyle('#666');
    context.setTextAlign('left');
    context.fillText("识别小程序，进入", 130, 630);
    context.stroke();

    context.setFontSize(14);
    context.setFillStyle('#ff1313');
    context.setTextAlign('left');
    context.fillText("即客同城", 240, 630);
    context.stroke();

    context.setFontSize(14);
    context.setFillStyle('#666');
    context.setTextAlign('left');
    context.fillText("浏览文章", 300, 630);
    context.stroke();
    context.draw();
    //将生成好的图片保存到本地，需要延迟一会，绘制期间耗时
    setTimeout(function () {
      wx.canvasToTempFilePath({
        canvasId: 'mycanvas',
        success: function (res) {
          var tempFilePath = res.tempFilePath;
          that.setData({
            imagePath: tempFilePath,
            canvasHidden: true
          });
          that.baocun();
        },
        fail: function (res) {
          console.log(res);
        }
      });
    }, 200);
  },

  //点击保存到相册
  baocun: function () {
    var that = this
    wx.saveImageToPhotosAlbum({
      filePath: that.data.imagePath,
      success(res) {
        console.log("图片保存成功")
        // wx.showModal({
        //   content: '图片已保存到相册，赶紧晒一下吧~',
        //   showCancel: false,
        //   confirmText: '好的',
        //   confirmColor: '#333',
        //   success: function (res) {
        //     if (res.confirm) {
        //       console.log('用户点击确定');
        //       /* 该隐藏的隐藏 */
        //       that.setData({
        //         maskHidden: false
        //       })
        //     }
        //   }, fail: function (res) {
        //     console.log(11111)
        //   }
        // })
      }
    })
  },



  
    
    // wx.getImageInfo({
    //   src: 'http://ones.cakeyouxuan.com/public/white_bg.png',//服务器返回的带参数的小程序码地址
    //   success: function (res) {
    //     //res.path是网络图片的本地地址
    //     qrCodePath = res.path;
    //   },
    //   fail: function (res) {
    //     //失败回调
    //   }
    // });
  
  
    
   

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
 



  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})
